<template>
  <div class="container">
   <h1>父组件</h1>
   {{ money }}
   <h1>子组件</h1>
   <suoyousonVue></suoyousonVue>
  </div>
</template>

<script>
import { ref ,provide} from "vue";

import suoyousonVue from './suoyouson.vue';

export default {
  components: { suoyousonVue },
  name: "App",

  setup() {
   // 组件被创建之前 
   //写数据 写方法  写生命周期   
   const money = ref(100) 
   // 提供 数据在父组件上 
   // 还可以把修改数据的方法传给子组件 让子组件调用
   const changemoney=(value)=>{
      console.log(value);
      money.value=money.value-20
   }
    provide('money',money)
    provide('changemoney',changemoney)
    return {money };
  },
};
</script>

<style>
</style>